<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        *{margin: 0;padding: 0;border: none;}
        .demo{margin: 16px;}
        .keyword{
            width: 540px;height: 40px;font-size: 16px;
            padding: 0 16px;border: 2px solid #AAAAAA;
            border-top-left-radius:10px;border-bottom-right-radius:10px ;
        }
        .keyword:hover{border: 2px solid #999999;}
        .keyword:focus{border: 2px solid #4e6ef2;}
        .submit{
            margin-left:-2px;font-size: 16px;color: #FFFFFF ;
            height: 43px;line-height: 43px;border: none;
            background: #4e6ef2;padding: 0 24px;border-top-right-radius: 10px;
            border-bottom-right-radius:10px ;

        }
        .submit:hover{background: #2A4AA0;}
        img{left: 552px;top:27px;width: 20px;height: 20px;position: absolute;}




    </style>
</head>
<body>
<div class="demo">
    <input type="text"class="keyword"><button class="submit">百度一下</button>
    <img src="images/default.pan">
</div>
</body>

</body>
</html>